<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/news.css">
    <title>Document</title>
</head>

<body>


    <nav>
        <div class="w">
            <div class="logo"> <img src="images/LOGO.png" alt=""> <span>雅轩阁</span> </div>
            <ul>
                <li><a href="home.html">首页</a></li>
                <li><a href="read.html">关于读书</a></li>
                <li><a href="shop.html">图书商城</a></li>
                <li><a href="news.html">图书动态</a></li>
                <li><a href="myself.html">自我介绍</a></li>
                <li><a href="camera.html">我的相册</a></li>
                <li class="right"><a class="logins" href="index.html">登录</a></li>
            </ul>
        </div>
    </nav>


    <div class="w">
        <div class="w" style="width:1200px;height: 680px;">
            <section>
                <h3>图片新闻
                    <a href="#">更多+</a>
                </h3>
                <img src="images/t1.jpg" alt="">
            </section>
            <section>
                <h3>书店动态
                    <a href="#">更多+</a>
                </h3>
                <ul>
                    <li>

                        <a href="#">省心书店将推出全新的线上购书平台</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>

                        <a href="#">省心书店增加了新的休息区域</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>

                        <a href="#">省心书店在社交媒体上开设了官方账号</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>

                        <a href="#">每周都会有不同的推荐</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>

                        <a href="#">专业的讲师将为你深入解读经典文学作品</a>
                        <span>2022-06-27</span>
                    </li>
                    <li>

                        <a href="#">省心书店开设了儿童阅读区</a>
                        <span>2022-06-28</span>
                    </li>
                </ul>
            </section>
            <section>
                <h3>新书发布
                    <a href="#">更多+</a>
                </h3>
                <ul>
                    <li>

                        <a href="#">最新力作《那些年》今日上市</a>
                        <span>2022-06-22</span>
                    </li>
                    <li>

                        <a href="#">精品读物《那些天》震撼问世</a>
                        <span>2022-06-11</span>
                    </li>
                    <li>

                        <a href="#">热门图书《今天》全新续作隆重发布</a>
                        <span>2022-06-28</span>
                    </li>
                    <li>

                        <a href="#">著名历史学家新书《昨天》震撼登场</a>
                        <span>2022-06-25</span>
                    </li>
                    <li>

                        <a href="#">推理小说大师新作《绽放》上市</a>
                        <span>2022-06-23</span>
                    </li>
                    <li>

                        <a href="#">大咖作家最新力作《论》发布</a>
                        <span>2022-07-01</span>
                    </li>
                </ul>
            </section>
            <section>
                <h3 style="border-bottom:1px solid #0f5e25">最近新闻
                    <a href="#">更多+</a>
                </h3>
                <ul>
                    <li>
                        <a href="#">流行小说还是经典名著？</a>
                        <span>2022-06-23</span>
                    </li>
                    <li>
                        <a href="#">诺贝尔文学奖得主阿列克谢耶维奇去世</a>
                        <span>2022-06-11</span>
                    </li>
                    <li>
                        <a href="#">2022年度普利策奖得主揭晓</a>
                        <span>2022-06-07</span>
                    </li>
                    <li>
                        <a href="#">普及阅读计划在全国范围内展开</a>
                        <span>2022-06-04</span>
                    </li>
                    <li>
                        <a href="#">电子书销售量创新高</a>
                        <span>2022-06-23</span>
                    </li>
                    <li>
                        <a href="#">图书馆数字化建设加速推进</a>
                        <span>2022-06-15</span>
                    </li>
                </ul>
            </section>
            <section>
                <h3 style="border-bottom:1px solid #0f5e25">专题报道
                    <a href="#">更多+</a>
                </h3>
                <ul style="border: none;">
                    <li>
                        <a href="#">探索图书对人类的影响</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>
                        <a href="#">它们的未来在哪里？ </a>
                        <span>2022-06-30</span>
                    </li>
                    <li>
                        <a href="#">社区学习与文化交流的重要场所</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>
                        <a href="#">探索自助成长类图书的魅力</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>
                        <a href="#">解密古籍修复的秘密</a>
                        <span>2022-06-30</span>
                    </li>
                    <li>
                        <a href="#">畅游文学世界的美好时光</a>
                        <span>2022-06-30</span>
                    </li>
                </ul>
            </section>
            <section>
                <h3 style="text-align: center; border-bottom:1px solid #0f5e25">文化娱乐
                    <a href="#">更多+</a>
                </h3>
                <img src="images/t2.jpg" alt="">
            </section>
        </div>
        <div class="w">
            <div class="box">
                <h3>专题新闻 <span>Topic News</span>
                    <a href="#">更多+</a>
                </h3>
                <ul>
                    <li>
                        <img src="images/n1.jpg" alt="">
                        <h4>阅读生活</h4>
                    </li>
                    <li>
                        <img src="images/n2.jpg" alt="">
                        <h4>知识探索</h4>
                    </li>
                    <li>
                        <img src="images/n3.jpg" alt="">
                        <h4>书香气息</h4>
                    </li>
                    <li>
                        <img src="images/n4.jpg" alt="">
                        <h4>学无止境</h4>
                    </li>
                </ul>
            </div>
        </div>
        <div class="w">
            <div class="box" style="height: 100px;">
                <h3>调查问卷 <span>Subjects</span>
                    <a href="#">更多+</a>
                </h3>
                <p>电子书籍将会取代纸质书籍吗？</p>
            </div>
        </div>
    </div>
    <footer>
        <div class="w">
            <p><img src="images/LOGO.png" alt=""></p>
            <p>雅轩阁 版权所有 </p>
            <p>Copyright © 2023 Phoenix New Media Limited All Rights Reserved</p>
            <p>YAXUANGE</p>
            <p></p>
        </div>

    </footer>
</body>

</html>